@extends('layout.home')
@section('title','WeCenter')

@section('content')
<link rel="stylesheet" href="/homes/css/fox/lunbo.css" />
<script type="text/javascript" src="/homes/css/fox/jquery.DB_tabMotionBanner.min.js"></script>
<div class="DB_tab25 hidden-xs">
	<ul class="DB_bgSet">
		<li style="background:url(/homes/ad/lunbo/bj1.jpg) no-repeat 100% 100%;"></li>
		<li style="background:url(/homes/ad/lunbo/bj2.jpg) no-repeat 100% 100%;"></li>
		<li style="background:url(/homes/ad/lunbo/bj3.jpg) no-repeat 100% 100%;"></li>
		<li style="background:url(/homes/ad/lunbo/bj4.jpg) no-repeat 100% 100%;"></li>
	</ul>

	<ul class="DB_imgSet">
		<li onClick="javascript:window.location.href='/';">
			<img class="DB_1_1" src="/homes/ad/lunbo/kjzname.png" alt="">
			<img class="DB_1_2" src="/homes/ad/lunbo/kjzjx.png" alt="">
            <img class="DB_1_3" src="/homes/ad/lunbo/bn_01.png" alt="">
		</li>

		<li onClick="javascript:window.location.href='/';">
			<img class="DB_2_1" src="/homes/ad/lunbo/addchelun.png" alt="">
			<img class="DB_2_2" src="/homes/ad/lunbo/addt.png" alt="">
			<img class="DB_2_3" src="/homes/ad/lunbo/zw.png" alt="">
		</li>

		<li onClick="javascript:window.location.href='/';">
			<img class="DB_3_1" src="/homes/ad/lunbo/bn32.png" alt="">
			<img class="DB_3_2" src="/homes/ad/lunbo/bn33.png" alt="">
			<img class="DB_3_3" src="/homes/ad/lunbo/bn3.png" alt="">
		</li>

		<li onClick="javascript:window.location.href='/';">
			<img class="DB_4_1" src="homes/ad/lunbo/bn_04.png" alt="">
			<img class="DB_4_2" src="homes/ad/lunbo/bn_042.png" alt="">
			<img class="DB_4_3" src="homes/ad/lunbo/bn_043.png" alt="">
			<img class="DB_4_4" src="homes/ad/lunbo/bn_044.png" alt="">
        </li>
	</ul>

	<div class="DB_menuWrap">
		<ul class="DB_menuSet">
			<li><img src="/homes/ad/lunbo/btn_off.png" alt=""></li>
			<li><img src="/homes/ad/lunbo/btn_off.png" alt=""></li>
			<li><img src="/homes/ad/lunbo/btn_off.png" alt=""></li>
			<li><img src="/homes/ad/lunbo/btn_off.png" alt=""></li>
		</ul>
		<div class="DB_next"><img src="/homes/ad/lunbo/nextArrow.png" alt="NEXT"></div>
		<div class="DB_prev"><img src="/homes/ad/lunbo/prevArrow.png" alt="PREV"></div>
	</div>

</div>
<div id="foxshas">
	<div class="i_content"></div>
</div>
<script type="text/javascript">
$('.DB_tab25').DB_tabMotionBanner({
	key:'b28551',
	autoRollingTime:8000,                            
	bgSpeed:300,
	motion:{
		DB_1_1:{left:-50,opacity:0,speed:1000,delay:500},
		DB_1_2:{left:-50,opacity:0,speed:1000,delay:1000},
		DB_1_3:{left:100,opacity:0,speed:1000,delay:1500},
		DB_2_1:{top:10,opacity:0,speed:1000,delay:500},
		DB_2_2:{top:20,opacity:0,speed:1000,delay:1000},
		DB_2_3:{top:40,opacity:0,speed:1000,delay:1500},
		DB_3_1:{left:-50,opacity:0,speed:1000,delay:500},
		DB_3_2:{top:40,opacity:0,speed:1000,delay:1000},
		DB_3_3:{top:0,opacity:0,speed:1000,delay:1500},
		DB_4_1:{top:40,opacity:0,speed:1000,delay:500},
		DB_4_2:{top:0,opacity:0,speed:1000,delay:1000},
		DB_4_3:{top:0,opacity:0,speed:1000,delay:1500},
		DB_4_4:{top:20,opacity:0,speed:1000,delay:2000},
		DB_4_5:{top:80,opacity:0,speed:1000,delay:3000},
		end:null
	}
});
</script>
<div class="aw-container-wrap aw-container-wrap_50">
<div class="container category">
	<div class="row">
		<div class="col-sm-12">
	 	 @foreach ($nav as $k=>$v)
           <dl>
			<dt><img src="http://localhost/test3/static/css/default/img/default_class_imgs.png" alt="{{$v->title}}"></dt>
			  <dd>
				  <p class="title"><a href="{{$v->link}}">{{$v->title}}</a></p>
				  <span>{{$v->description}}</span>
			   </dd>
			</dl>					
			@endforeach
		</div>
    </div>
</div>
	<div class="container">
		<div class="row">
			<div class="aw-content-wrap clearfix">
				<div class="col-sm-12 col-md-9 aw-main-content">

					<!-- 新消息通知 -->
					<div class="aw-mod aw-notification-box hide" id="index_notification">
						<div class="mod-head common-head">
							<h2>
								<span class="pull-right"><a href="/account/setting/privacy/#notifications" class="text-color-999"><i class="icon icon-setting"></i> 通知设置</a></span>
								<i class="icon icon-bell"></i>新通知<em class="badge badge-important" name="notification_unread_num"></em>
							</h2>
						</div>
						<div class="mod-body">
							<ul id="notification_list"></ul>
						</div>
						<div class="mod-footer clearfix">
							<a href="javascript:;" onclick="AWS.Message.read_notification(false, 0, false);" class="pull-left btn btn-mini btn-gray">我知道了</a>
							<a href="/notifications/" class="pull-right btn btn-mini btn-success">查看所有</a>
						</div>
					</div>
					<!-- end 新消息通知 -->
					<div class="ad-all clearfix hidden-xs hidden-sm">
	<div id="qiandao">
		<div class="pull-right" style="color:#999;">
		<b>站内统计</b>
		<span style="padding:0 0 0 10px;">会员：{{rand(1,3)}}</span>
		<span style="padding:0 0 0 10px;">交流：1</span>
		<span style="padding:0 0 0 10px;">文章：1</span>
		</div>
		<h2 class="hidden-xs"><i class="icon icon-users"></i> 活跃榜</h2>
		<div class="qiandaobox hidden-xs hidden-sm">
							<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					<dd class="pull-left xboxs">
							<a href="/account/login/" class="aw-user-name"><img src="/homes/common/avatar-himg.png" alt="您的位置" title="您的位置"></a>
						</dd>
					
				</div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function()
{
	$('.xboxs').hover(function()
	 {  
		$(this).find(".aw-user-name img").css("background","red");
		$(this).find('img').animate({width:54, marginTop:-5, marginLeft:-2}, 500);
	 }, function()
	 {
        $(this).find(".aw-user-name img").css("background","");
		$(this).find('img').animate({width:50, marginTop:0, marginLeft:0},300);
	 });
});
</script>
					<ul class="nav nav-tabs aw-nav-tabs active hidden-xs">
						<li><a href="/sort_type-hot__day-7" id="sort_control_hot">热门</a></li>
						<li class="active"><a href="/sort_type-new">最新</a></li>

						<h2 class="hidden-xs"><i class="icon icon-list"></i> 发现</h2>
					</ul>
					<!-- end tab切换 -->

					
					<div class="aw-mod aw-explore-list">
						<div class="mod-body">
							<div class="aw-common-list">
								<div class="aw-item" id="aw-item_0">
	<div class="aw-user-imgs">
	<a class="aw-user-name aw-user-name-o hidden-xs" data-id="1" href="/people/admin" rel="nofollow"><img src="/uploads/20161116518304.jpg" alt="" /><p>admin</p></a>	<div class="userline hidden-xs" id="userline_0"></div>
	</div>
	<div class="aw-question-content" id="aw-question-content_0">
	<div class="pull-right">
		<div class="zanbox"><i class="icon icon-agree"></i>
		0		</div>
	</div>
		<p>
							<span class="text-color-999">发布								<a class="aw-question-tagst" href="/explore/category-1">默认分类</a>
								 1 小时前</span>
						 									<span class="spanb_a">文</span>
											</p>
		<h4>
						<a class="listlink" href="/article/1">homes1</a>
									
				<a class="aw-question-topics" href="/topic/new+topic">new topic</a>
					</h4>			
		<div class="inner clearfix">
				<p class="question-text" style=" color: #666; font-size:13px;">
			this this a test.		</p>
						<div class="awfo-box">
							<a class="aw-question-tags" href="/explore/category-1">默认分类</a>
											<span class="text-color-9999 idown"><a href="/people/admin" class="aw-user-name">admin</a> 发表了文章 &nbsp;&nbsp;<i class="icon icon-eye fz16"></i> 1 浏览 &nbsp;&nbsp;<i class="icon icon-comment"></i> 0 <em>评论</em></span>
								</div>
		</div>
	</div>
</div>


<script>
$(document).ready(function(){
	var foxh;
	$('.shibox img').hover(function() {  
		foxh=$(this).height()-150;
		$(this).css({"transition":"1s","-webkit-transform":"translateY(-"+foxh+"px)"});
	 }, function() {
		$(this).css("-webkit-transform","translateY(0)"); 
	 });	
});
</script>
							</div>
						</div>
						<div class="mod-footer">
													</div>
					</div>
				</div>

				<!-- 侧边栏 -->
				<div class="col-sm-12 col-md-3 aw-side-bar hidden-xs hidden-sm">
					<div class="aw-mod user-home clearfix">
 <div class="mod-head">
            @if(session('username'))
            <h2>欢迎您：{{session('username')}}</h2>
            @else
			<h2>您还没有登录！</h2>
			@endif
	</div>
  <ul>
     <li class="user-bg-img">	
     	             @if(session('profile'))
					<img src="{{session('profile')}}" alt="{{session('username')}}" class="img" width="25">
					 @else
					 <img src="/homes/common/avatar-max-img.png" alt="未上传" title="">
					 @endif
			</li>
      <li>
         <p class="text-color-999" style="text-align:left;text-indent:2em">WeTalk 社交化知识社区</p>
	</li>
	<!--<li>
	<ul class="user-home-question clearfix">
		<li><a href="/m/login/" class="btn btn-mini btn-primary btn-normal">登录</a></li>
		<li><a href="/m/register/" class="btn btn-mini btn-success btn-normal">注册</a></li>	
	</ul>
	</li>-->
   </ul>
</div>					
<div class="aw-mod new-feature-index clearfix">
	<div class="mod-body">
		<ul>
							<li>
               <a href="/feature/workarea" target="_blank"><img alt="" src="/uploads/feature/1_540_240.jpg"></a>
               <p class="feature-title"> <span class="span-feature">专题</span><a href="/feature/workarea">好读书,读好书</a></p>
                <p class="text-color-999">   好书推荐 &nbsp<a href="/feature/workarea">查看全部</a></p>
                </li>
					</ul>
	</div>
</div>
	<div class="aw-mod aw-text-align-justify">
	<div class="mod-head">
		<a href="/topic/channel-hot" class="pull-right">更多 &gt;</a>
		<h3></h3>
	</div>
	<div class="mod-body">
			<dl>
				<dt class="pull-left aw-border-radius-5">
					<a href="/topic/new topic"><img alt="" src="/homes/common/topic-mid-img.png" /></a>
				</dt>
				<dd class="pull-left">
					<p class="clearfix">
						<span class="topic-tag">
							<a href="/topic/new topic" class="text" data-id="3">new topic</a>
						</span>
					</p>
					<p><b>1</b> 个问题, <b>1</b> 人关注</p>
				</dd>
			</dl>
					<dl>
				<dt class="pull-left aw-border-radius-5">
					<a href="/topic/this is"><img alt="" src="/homes/common/topic-mid-img.png" /></a>
				</dt>
				<dd class="pull-left">
					<p class="clearfix">
						<span class="topic-tag">
							<a href="/topic/this is" class="text" data-id="2">this is</a>
						</span>
					</p>
					<p><b>1</b> 个问题, <b>1</b> 人关注</p>
				</dd>
			</dl>
					</div>
</div>
					<div class="aw-mod aw-text-align-justify">
	</div>					
					<div class="aw-mod aw-text-align-justify">
	<div class="mod-head">
		<a href="/people/" class="pull-right">更多 &gt;</a>
		<h3>热门用户</h3>
	</div>
	<div class="mod-body">
					
		<dl>
			<dt class="pull-left aw-border-radius-5">
				<a href="/people/admin"><img alt="" src="/uploads/avatar/000/00/00/01_avatar_mid.jpg" /></a>
			</dt>
			<dd class="pull-left">
				<a href="/people/admin" data-id="1" class="aw-user-name">admin						</a>
				<p class="signature"></p>
				<p><b>0</b> 个问题, <b>0</b> 次赞同</p>
			</dd>
		</dl>
					</div>
</div>					<div class="aw-mod aw-text-align-justify" id="saybox">
	</div>
<script type="text/javascript">
$(function(){
	var scrtime;
	$("#quotation").hover(function(){
		clearInterval(scrtime);
	
	},function(){
	
	scrtime = setInterval(function(){
		var obj = $('#quotation ul li').last();
		obj.hide();
		$('#quotation ul').prepend(obj);
		$('#quotation ul li').first().slideDown(500);
	},5000);
	
	}).trigger("mouseleave");
	
var fixfox="fixedffs";
var rollSet = $('#saybox');// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改
var offset = rollSet.offset();
$(window).scroll(function () {
// 检查对象的顶部是否在游览器可见的范围内
var scrollTop = $(window).scrollTop();
if(offset.top < scrollTop && $(document).scrollTop() + $(window).height() < $(document).height()){
rollSet.addClass(fixfox);
}else{
rollSet.removeClass(fixfox);
}
});
});
</script>					<div id="kuaiwwwad" class="hidden-xs hidden-sm">
	<div class="kuaiwwwadboxs">
		<a href="http://www.alimaku.com/spin/view/149" target="_blank"></a>
	</div>
	<!--<div class="kuaiwwwadbox"></div>-->
</div>
<script type="text/javascript">
$(function() {
var fixfox="fixedff";
var rollSet = $('#kuaiwwwad');// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改
var offset = rollSet.offset();
$(window).scroll(function () {
// 检查对象的顶部是否在游览器可见的范围内
var scrollTop = $(window).scrollTop();
if(offset.top < scrollTop + 380){
rollSet.addClass(fixfox);
}else{
rollSet.removeClass(fixfox);
}
});
});
</script>				</div>
				<!-- end 侧边栏 -->
			</div>
		</div>
	</div>
</div>

@endsection


